<template>
  <div>
    <div class="json" style="padding: 20px">
      <vue-json-editor
        v-model="json_data"
        :show-btns="false"
        :mode="'code'"
        style="height: 100%"
      />
    </div>
  </div>
</template>

<script>
import vueJsonEditor from 'vue-json-editor'
export default {
  name: "JsonView",
  components: {
    vueJsonEditor
  },
  data() {
    return {
      json_data: {
        "tips": "json数据粘贴进来即可！"
      }
    }
  },
  methods: {

  }
}
</script>

<style lang="scss">
.jsoneditor-outer{
   height: 800px !important;
  }
</style>
